body{
  padding: 0px;
  margin: 0px;
  font-family: 'Verdana';
}

h3{
  padding: 0px;
  margin: 0px;
  color: #cf5000;
}

#header{
  position: relative;
  margin: 0px auto;
  height: 150px;
  width: 1000px;
}

/* Layout navigation bar */

#wrapNavigationBar{
  margin: 0px auto;
  height: 37px;
  width: 986px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-right: 7px;
  background-image: url('/assets/layout/navigationBarBg.png');
}

#navigationBar{
  text-align: left;
}

.navigationBarLink{
  font-size: 11pt;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

.navigationBarSubItemLink{
  font-weight: bold;
  color: #ffffff;
  font-size: 10pt;
  text-decoration: none;
}

#navigationBar ul{
  display: inline-block;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

li{
  display: block;
}

.navigationBar > li > a.hasSubItems{
  padding-right: 40px;
  background-image: url('/assets/layout/arrowDown.png');
  background-repeat: no-repeat;
  background-position: right center; 
}

li a.hasSubItems{
  padding-right: 70px;
  background-image: url('/assets/layout/arrowRight.png');
  background-repeat: no-repeat;
  background-position: right center;
}

.navigationBar > li{
  display: inline-block;
  text-align: left;
  height: 45px;
  vertical-align: middle;
}

.hasSubItems + div{
  position: absolute;
  border: 1px dashed #888888;
  background-color: #e76d00;
  padding: 5px;
  display: none;
}

.pipe{
  width: 10px;
  height: 37px;
  display: inline-block;
  background-image: url('/assets/layout/pipe.png');
  background-repeat: no-repeat;
  background-position: center center;
}

/* End layout navigation bar */

#content{
  padding: 20px;
  margin: 0px auto;
  width: 960px;
  font-size: 10pt;
  color: #4d4d4d;
}

#footer{
  color: #888888;
  margin: 0px auto;
  text-align: center;
  height: 20px;
  width: 1000px;
}

#login{
  width: 296px;
  height: 96px;
  text-align: center;
  position: absolute;
  top: 25px;
  right: 10px;
  padding: 2px;
  border: 2px dashed #888888;
  color: #4d4d4d;
  font-size: 10pt;
}

#wrapLogo{
  width: 300px;
  height: 75px;
  position: absolute;
  top: 37px;
  left: 5px;
}

#logo{
  width: 100%;
  height: 100%;
}

.example_img{
  margin: 10px;
}

.image_table{
  margin: auto;
}

.image_table tr td{
  padding: 5px;
  vertical-align: top;
}

.image_table tr td ul li{
    display: list-item;
    margin: 5px;
    font-weight: bold;
}
